<template>
    <div>
      <Modal
        v-model="modal"
        title="移动端操作手册"
        width="1200">
          <div v-html="html1"></div>
          <div style="text-align: center">
            <img :src="appImg" alt="">
          </div>
      </Modal>
    </div>
</template>

<script>
export default {
  name: 'app-modal',
  data () {
    return {
      modal: false,
      appImg: 'http://imgdl.tripln.top/webhdfs/v1/itemorder/a35ff0f3673945da95e8cd0ae731d6e1/SQ1608537474392/其他要件（房产证或房屋租赁协议）2021_5591972276.png?op=OPEN&namenoderpcaddress=hadoop01:9000&offset=0',
      html1: '<p style="text-align:center;line-height:37px">\n' +
        '    <span style=";font-family:宋体;font-size:29px">疫情防控移动端操作方法</span>\n' +
        '</p>\n' +
        '<p style="line-height: 37px;">\n' +
        '    <span style=";font-family:宋体;font-size:29px"><br/></span>\n' +
        '</p>\n' +
        '<p style="text-align: left;">\n' +
        '    <span style=";font-family:仿宋;font-size:21px"><br/>&nbsp; &nbsp; &nbsp; </span><strong><span style="font-family: 仿宋;font-size: 21px">登录移动端：</span></strong>\n' +
        '</p>\n' +
        '<p style="text-align: left;">\n' +
        '    <span style=";font-family:仿宋;font-size:21px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登录方式</span><span style=";font-family:仿宋;font-size:21px">一</span><span style=";font-family:仿宋;font-size:21px">：微信，登录地址：</span><span style=";font-family:仿宋;font-size:21px">http://yiqing.qstb.top/yq</span><span style=";font-family:仿宋;font-size:21px"><span style="font-family:仿宋">，用户名密码与</span>PC端登录账号一致。</span>\n' +
        '</p>\n' +
        '<p style="text-align: left;">\n' +
        '    <span style=";font-family:仿宋;font-size:21px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;登陆方式二</span><span style=";font-family:仿宋;font-size:21px">：</span><span style=";font-family:仿宋;font-size:21px">微信扫码</span><span style=";font-family:仿宋;font-size:21px">，</span><span style=";font-family:仿宋;font-size:21px"><span style="font-family:仿宋">用户名密码与</span>PC端登录账号一致。</span>\n' +
        '</p>'
    }
  },
  methods: {
    init () {
      this.modal = true
    }
  }
}
</script>

<style scoped>

</style>
